.weui-media-box_appmsg .weui-media-box__thumb {
  border-radius: 50%;
}
.weui-media-box_appmsg .weui-media-box__hd {
  width:.45rem;
  max-width: 60px;
  min-width: 40px;
  max-height:60px;
  min-height:40px;
  height:.45rem;
}
.weui-tab{
  background:#fafafa;
}

  .weui-media-box {
    padding:.2rem 10px;
    background:#fff;
  }
  .weui-media-box__hd {
    width:.45rem;
    max-width: 60px;
    min-width: 40px;
    max-height:60px;
    min-height:40px;
    height:.45rem;
    margin-right:10px;
    img{
      height:100%;
      width:100%
    }
  }

.Suggestion_Item_title {
  display: flex;
  display:-webkit-box;
  display:-webkit-flex;
  .Suggestion_Item_time{
    color:#999999;
    height:25px;
    line-height:25px;
    margin-right:5px;
  }
  .Suggestion_Item_name {
    flex:1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    height:25px;
    line-height:25px;
    font-weight: 700;
    font-size: 15px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-wrap: break-word;
    word-break: break-all;
  }
}
.Suggestion_Item_time_desc {
  color: #999999;
  font-size: 13px;
  height:25px;
  margin-right:.45rem;
  line-height: 25px;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  word-wrap: break-word;
  word-break: break-all;
}
.addSuggestion {
  height:50px;
  width:100%;
  position:absolute;
  bottom:0;
  color:#f5f5f5;
  padding:5px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  a{
    height:40px;
    width:40px;
    display: inline-block;
    img{
      width:100%;
      height:100%;
    }
  }
}
.loader {
  text-align: center;
  margin-top: 6px;
}
.weui-tabbar {
  background:#fafafa;
}

.suggestions {
  position: relative;
  .suggestions_box {
    width: 100%;
    position: absolute;
    padding: 0 .16rem .8rem;

    .suggestions_list {
      .suggestions_item {
        background: #fff;
        border-radius: .04rem;
        margin-top: .1rem;
        padding: .12rem;
        display: flex;
        flex-direction: column;

        .item_info {
          display: flex;
          justify-content: space-between;
          align-items: center;

          .info_title {
            display: flex;
            align-items: center;
            img {
              width: .2rem;
              margin-right: .08rem;
            }
            label {
              font-size: .14rem;
              color: #FCAD03;
            }
          }

          .info_time {
            font-size: .12rem;
            color: #999999;
          }
        }

        .item_content {
          font-size: .12rem;
          color: #999999;
          line-height: .24rem;
          margin-top: .08rem;
        }
      }
    }

    .loadEnd {
      text-align: center;
      color: #999999;
      padding-top: .16rem;
      font-size: .12rem;
    }
  }

  .suggestions_add {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    padding: .1rem .16rem;

    a {
      width: 100%;
      font-size: .16rem;
      color: #fff;
      display: block;
      text-align: center;
      background: -moz-linear-gradient(top, #FFAE19 0%, #FF8914 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFAE19), color-stop(100%, #FF8914));
      background: -webkit-linear-gradient(top, #FFAE19 0%, #FF8914 100%);
      background: -o-linear-gradient(top, #FFAE19 0%, #FF8914 100%);
      background: -ms-linear-gradient(top, #FFAE19 0%, #FF8914 100%);
      background: linear-gradient(to bottom, #FFAE19 0%, #FF8914 100%);
      border: 0;
      padding: .12rem 0;
      border-radius: .04rem;
    }
  }
}